<script setup lang="ts">
import Modeler from '@/components/bpmn-process-designer/components/modeler/Modeler';
import Panel from '@/components/bpmn-process-designer/components/panel/Panel';
import BpmnActions from '@/components/bpmn-process-designer/components/bpmn-actions/BpmnActions';

const emits = defineEmits(['saveHandel', 'onCancel']);

const saveHandel = (val) => {
  emits('saveHandel', val);
};
</script>

<template>
  <div>
    <div class="app-containers">
      <Modeler />
      <Panel />
      <BpmnActions @saveHandel="saveHandel" @onCancel="emits('onCancel')" />
    </div>
  </div>
</template>

<style scoped>
.app-containers {
  height: 100%;
}
</style>
